<!-- Generated template for the BozhulistComponent component -->
 <div style="padding: 11px;">
   <ng-container *ngIf="isshowSearch">
     <div style="margin-bottom: 20px">
       <input type="text" [(ngModel)]="uname" name="name" class="form-control mb-2" id="inlineFormInput" style="width: 80%;float: left;margin-left: 20px;" placeholder="输入擂主名称筛选"/>
       <button class="glyphicon glyphicon-search" style="margin-left: 5px;margin-top:5px;width: 20px;border: rgba(0,0,0,0);background-color: rgba(0,0,0,0)" (click)="sreach(pageNo)"></button>
     </div>
   </ng-container>
    <ng-container *ngFor="let info of listitembozhu;let i=index;">
      <div style="background-color: white;margin-top: 11px;padding: 11px;border-radius: 6px 6px 6px 6px" >
    <div style="width: 100%;height: 200px" >
      <div style="width: 45%;float: left;height: 200px">
        <img style="height: 200px;width: 100%;padding: 9px" src="http://www.bkqs8.com/photo/weChatApi/loadImg?path=champion&filename={{info['img']}}" (click)="querymore(info['id'])">
      </div>
      <div style="width: 55%;float: right;height: 200px;padding: 11px">
          <p>{{info['championName']}}<p>
        <!--<ion-item style="height: 88px;">-->
          <!--<p>{{info['championName']}}<p>-->
          <!--<div [innerHTML]="assembleHTML(info['championRemark'])" style="overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;max-height: 123px;"></div>-->
        <!--</ion-item>-->

        <!--<ion-item style="height: 112px;">-->

          <p>{{info['professionalField']}}</p>
          <p>{{info['sign']}}</p>
        <!--</ion-item>-->
      </div>
    </div>
      <p style="text-align: right;color: coral" (click)="querymore(info['id'])">点击了解更多 ></p>
      </div>
    </ng-container>

 </div>
